<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta charset="UTF-8">
    <title>vertx-mall</title>
    <link rel="stylesheet" href="lib/layui/css/layui.css"/>
    <link rel="stylesheet" href="css/style.css"/>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<div class="container">
    <div>
        <!--首页广告位-->
        <div class="layui-carousel" id="advertises" lay-filter="test1">
            <div carousel-item="" id="carouselItem">

            </div>
        </div>
    </div>
    <div class="flex-box top-action">
        <div class="flex-box">
            <div></div>
            <div><span>话题</span></div>
        </div>
        <div class="flex-box">
            <div></div>
            <div><span>优选</span></div>
        </div>
        <div class="flex-box">
            <div></div>
            <div><span>特惠</span></div>
        </div>
        <div class="flex-box">
            <div></div>
            <div><span>签到</span></div>
        </div>
    </div>
    <div>
        <div class="flex-box card">
            <div><span>今日推荐</span></div>
            <div class="more flex-box">
                <span>更多推荐</span>
                <i></i>
            </div>
        </div>
        <div class="flex-box card-item" id="today01"></div>
        <div class="flex-box card-item" id="today02"></div>
    </div>
    <div>
        <div class="flex-box card">
            <div><span>秒杀专区</span></div>
            <div class="seckill-time">
                <p>
                    <span>剩余时间</span>
                </p>
                <p id="secKillLeftTime">
                    <span></span>:
                    <span></span>:
                    <span></span>
                </p>
            </div>
        </div>
        <div class="flex-box card-item" id="secKill01"></div>
        <div class="flex-box card-item" id="secKill02"></div>
    </div>
    <div>
        <div class="flex-box card">
            <div><span>专题精选</span></div>
            <div class="more flex-box" onclick="window.location.href='/subject.html'">
                <span>更多专题</span>
                <i></i>
            </div>
        </div>
        <div>
            <!--推荐专题轮播-->
            <div class="layui-carousel" id="recommendSubject" lay-filter="recommendSubject">
                <div carousel-item="" id="recommendItem">

                </div>
            </div>
        </div>
    </div>
    <div class="card">
        <div align="center"><span>猜你喜欢</span></div>
        <div class="flex-box card-item">
            <div>
                <div></div>
                <div>test</div>
            </div>
            <div>
                <div></div>
                <div>test</div>
            </div>
        </div>
        <div class="flex-box card-item">
            <div>
                <div></div>
                <div>test</div>
            </div>
            <div>
                <div></div>
                <div>test</div>
            </div>
        </div>
        <div class="flex-box card-item">
            <div>
                <div></div>
                <div>test</div>
            </div>
            <div>
                <div></div>
                <div>test</div>
            </div>
        </div>
    </div>
</div>

<!--底部导航栏-->
<div class="flex-box bottom-navigator">
    <div>
        <img src="img/navigator/home.svg" alt=""/>
        <p><span>首页</span></p>
    </div>
    <div onclick="window.location.href='category.html'">
        <img src="img/navigator/category.svg"/>
        <p><span>分类</span></p>
    </div>
    <div onclick="window.location.href='cart.html'">
        <img src="img/navigator/cart.svg"/>
        <p><span>购物车</span></p>
    </div>
    <div onclick="window.location.href='subject.html'">
        <img src="img/navigator/subject.svg"/>
        <p><span>专题</span></p>
    </div>
    <div onclick="window.location.href='my.html'">
        <img src="img/navigator/my.svg"/>
        <p><span>我的</span></p>
    </div>
</div>

<script src="lib/jquery-3.4.1.min.js" type="text/javascript"></script>
<script src="lib/layui/layui.all.js" type="text/javascript"></script>
<script src="lib/jquery.cookie.js" type="text/javascript"></script>
<script src="utils/http-utils.js" type="text/javascript"></script>
<script src="js/index.js" type="text/javascript"></script>

</body>
</html>